<template>
    <view class="cart-item-product">
        <image v-if="!getAppSet().isHideImg" class="item-img" :src="easyGetImgUrl(productData.productImage)"></image>
        <text class="item-name">{{ productData.productName }}</text>
    </view>
</template>

<script>
export default {
    props: {
        productData: {
            type: Object,
            default: {},
        },
    },
    data() {
        return {}
    },
    methods: {
        getData() {},
    },
}
</script>

<style lang="scss">
.cart-item-product {
    display: flex;
    flex-direction: row;
    align-items: center;
    border-bottom: solid 1rpx $uni-bg-color-grey;
    padding: $app-page-padding 0;
    .item-radio {
        display: flex;
        align-items: center;
        margin-right: 20rpx;
    }
    .item-img {
        width: 120rpx;
        height: 120rpx;
        margin-right: 20rpx;
    }
    .item-name {
        display: flex;
        flex: 1;
        flex-direction: column;
        // font-weight: 700;
        font-size: $font-size-28;
    }
}
</style>
